.welfare{
    .welfare-tab{
        display: flex;
        height: 44px;
        line-height: 44px;
        border-bottom: 1px solid #EEEEEE;
        background-color: #fff;
        .tab-item{
            flex: 1;
            text-align: center;
            position: relative;
            color: #000000;
            font-weight: 100;
            .borderBottom{
                width: 32rpx;
                position: absolute;
                height: 6rpx;
                border-radius: 10rpx;
                display: block;
                position: absolute;
                left: 50%;
                margin-left: -16rpx;
                bottom: 10rpx;
                background-color: #FF759F;
            }
        }
        .active{
            color: #FF759F;
            font-weight: bold;
        }
    }
    .content{
        .list{
            padding: 20rpx;
            background-color: #fff;
            margin-top: 20rpx;
            @include flex;
            align-items: center;
            .bixuan_icon{
                width: 88rpx;
                height: 88rpx;
                margin-right: 20rpx;
                border-radius: 50%;
            }
            .mid{
                @include sub-item;
                line-height: 46rpx;
                .orderNo{
                    @include text-ellipsis;
                    font-size: 24rpx;
                    color: #999;
                }
                .phone_box{
                    @include flex;
                    .edit_icon{
                        width: 30rpx;
                        height: 30rpx;
                        padding: 8rpx 30rpx;
                    }
                }
               
            }
            .set{
                width: 150rpx;
                text-align: center;
                .todoBtn{
                    height: 52rpx;
                    line-height: 52rpx;
                    background-color: #ff759f;
                    color: #fff;
                    border-color: #ff759f;
                    border-radius: 52rpx;
                    margin-bottom: 20rpx;
                }
                .logoutBtn{
                    height: 52rpx;
                    line-height: 52rpx;
                    background-color:#fff;
                    color:#666;
                    border:1px solid  #666;
                    border-radius: 52rpx;
                }
                .activated{
                    border:1px solid #ff759f;
                    color: #ff759f;
                    height: 52rpx;
                    line-height: 52rpx;
                    background-color:#fff;
                    border-radius: 52rpx;
                }
            }
          
        }
    }
    .nomore{
        text-align: center;
        color: #999;
        padding: 20rpx 0;
    }
    .empty_view{
      @include sub-item;
      margin: 0 auto;
      width: 240rpx;
      height:240rpx;
      margin-top: 35vh;
      .empty_img{
          width: 240rpx;
          height: 240rpx;
      }
      .tit{
          color: #000;
          margin-top: 10rpx;
          text-align: center;
          font-size: 28rpx;
      }
    }
    .popupBox{
        background-color: #fff;
        width: 600rpx;
        margin: 0 auto;
        padding: 50rpx 30rpx;
        border-radius: 20rpx;
        .popTitle{
            font-size: 50rpx;
            color: #000000;
        }
        .popText{
            color: #666;
            font-size: 28rpx;
            height: 60rpx;
            line-height: 60rpx;
        }
        .popupInfo{
            padding: 20rpx 0;
            border-bottom: 1px solid #eee;
            height: 48rpx;
            line-height: 48rpx;
            font-size: 28rpx;
            @include flex;
            justify-content: space-between;
            .input{
                @include sub-item;
            }
            .code{
                width: 150rpx;
                color: #FF759F;
            }
            .deleteIcon{
                width: 30rpx;
                height: 30rpx;
                padding: 10rpx 20rpx;
            }
        }
        .popupBtn{
            @include flex;
            justify-content: space-between;
            margin-top: 40rpx;
            .cancle{
                padding: 20rpx 110rpx;
                border: 2rpx solid #666;
                border-radius: 60rpx;
            }
            .sure{
                padding: 20rpx 110rpx;
                background-color: #ddd;
                border-radius: 60rpx;
                color: #fff;
            }
            .beAble {
                background-color: #FF759F;
            }
        }
    }
    .popupPhoneBox{
        background-color: #fff;
        width: 580rpx;
        margin: 0 auto;
        padding: 60rpx 30rpx;
        border-radius: 20rpx;
        .title{
            text-align: left;
            font-size: 42rpx;
            font-weight: bold;
            color: #000000;
            margin-bottom: 60rpx;
        }
        .popupInfo{
            padding: 60rpx 0 20rpx;
            border-bottom: 1px solid #B7B7B7;
            height: 48rpx;
            line-height: 48rpx;
            font-size: 28rpx;
            @include flex;
            justify-content: space-between;
            .placeholderStyle{
                color:#C5C5C5;
            }
            .input{
                @include sub-item;
            }
        }
        .text{
            font-size: 22rpx;
            color: #007FFF;
            text-align: left;
            height: 60rpx;
            line-height: 60rpx;
        }
        .popupBtn{
            @include flex;
            justify-content: space-between;
            margin-top: 40rpx;
            .cancle{
                padding: 20rpx 100rpx;
                border: 2rpx solid #999999;
                border-radius: 60rpx;
            }
            .sure{
                padding: 20rpx 100rpx;
                background-color: #DDDDDD;
                border-radius: 60rpx;
                color: #fff;
            }
            .beAble {
                background-color: #FF759F;
            }
        }
    }
}

